<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>天气</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container">
    <h2>近七天天气预报</h2>
    <input type="text" class="cs" title="" placeholder="输入城市名称">
    <div class="box">
        <div class="inner">
            <h1><span></span>日</h1>
            <p class="p2"></p>
            <p class="tem">
                <span>23</span>
                /
                <i>17℃</i>
            </p>
        </div>
        <div class="inner">
            <h1><span></span>日</h1>
            <big></big>
            <p class="p2"></p>
            <p class="tem">
                <span>23</span>
                /
                <i>17℃</i>
            </p>
        </div>
        <div class="inner">
            <h1><span></span>日</h1>
            <big></big>
            <p class="p2"></p>
            <p class="tem">
                <span>23</span>
                /
                <i>17℃</i>
            </p>
        </div>
        <div class="inner">
            <h1><span></span>日</h1>
            <big></big>
            <p class="p2"></p>
            <p class="tem">
                <span>23</span>
                /
                <i>17℃</i>
            </p>
        </div>
        <div class="inner">
            <h1><span></span>日</h1>
            <big></big>
            <p class="p2"></p>
            <p class="tem">
                <span>23</span>
                /
                <i>17℃</i>
            </p>
        </div>
        <div class="inner">
            <h1><span></span>日</h1>
            <big></big>
            <p class="p2"></p>
            <p class="tem">
                <span>23</span>
                /
                <i>17℃</i>
            </p>
        </div>
        <div class="inner">
            <h1><span></span>日</h1>
            <big></big>
            <p class="p2"></p>
            <p class="tem">
                <span>23</span>
                /
                <i>17℃</i>
            </p>
        </div>
    </div>
    <span class="xx on">分时段预报</span>
    <span class="xx">生活指数</span>
    <div class="wrapper zz active">
        <div class="er">
            <span class="er-h"></span>
            <span class="er-w"></span>
            <span class="er-f"></span>
        </div>
        <div class="er">
            <span class="er-h"></span>
            <span class="er-w"></span>
            <span class="er-f"></span>
        </div>
        <div class="er">
            <span class="er-h"></span>
            <span class="er-w"></span>
            <span class="er-f"></span>
        </div>
        <div class="er">
            <span class="er-h"></span>
            <span class="er-w"></span>
            <span class="er-f"></span>
        </div>
        <div class="er">
            <span class="er-h"></span>
            <span class="er-w"></span>
            <span class="er-f"></span>
        </div>
        <div class="er">
            <span class="er-h"></span>
            <span class="er-w"></span>
            <span class="er-f"></span>
        </div>
        <div class="er">
            <span class="er-h"></span>
            <span class="er-w"></span>
            <span class="er-f"></span>
        </div>
        <div class="er">
            <span class="er-h"></span>
            <span class="er-w"></span>
            <span class="er-f"></span>
        </div>
    </div>
    <ul class="clearfix zz">
        <li class="li1">
            <i></i>
            <span class="span1"></span>
            <em>紫外线指数</em>
            <p class="p1"></p>
        </li>
        <li class="li2">
            <i></i>
            <span class="span1"></span>
            <em>减肥指数</em>
            <p class="p1"></p>
        </li>
        <li class="li3">
            <i></i>
            <span class="span1"></span>
            <em>旅行指数</em>
            <p class="p1"></p>
        </li>
        <li class="li4">
            <i></i>
            <span class="span1"></span>
            <em>穿衣指数</em>
            <p class="p1"></p>
        </li>
        <li class="li5">
            <i></i>
            <span class="span1"></span>
            <em>洗车指数</em>
            <p class="p1"></p>
        </li>
        <li class="li6">
            <i></i>
            <span class="span1"></span>
            <em>空气污染扩散指数</em>
            <p class="p1"></p>
        </li>
    </ul>
</div>

<script src="js/script.js"></script>
</body>
</html>